<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>我的个人资料</title>
	<jsp:include page="${ctx}/WEB-INF/pages/common/resources.jsp" />
	<link rel="stylesheet" href="${ctx}/css/userInfo.css" />
	<link rel="stylesheet" href="${ctx}/css/editUserInfo.css" />
	<link rel="stylesheet" href="${ctx}/css/page.css" />
</head>
<body>
	<jsp:include page="${ctx}/WEB-INF/pages/common/header.jsp" />
	<div class="main clearfix">
		<jsp:include page="${ctx}/WEB-INF/pages/common/leftMenu.jsp" />
		<div id="showContent" class="content fl">
			<div class="userInfo-title">个人资料</div>
			<div class="userInfo-details">
				<div class="userInfo-headImg clearfix">
					<span class="userInfo-key fl">头像</span> <img class="fl"
						src="${data.headImgUrl }"
						onerror="this.src='${ctx}/images/userInfo-headImg.jpg'" />
				</div>
				<div class="userInfo-others">
					<span class="userInfo-key">手机号</span> <span class="userInfo-value">${data.contactPhone }</span>
				</div>
				<div class="userInfo-others">
					<span class="userInfo-key">真实姓名</span> <span class="userInfo-value">${data.realName }</span>
				</div>
				<div class="userInfo-others">
					<span class="userInfo-key">电子邮箱</span> <span class="userInfo-value">${data.email }</span>
				</div>
				<div class="userInfo-others">
					<span class="userInfo-key">工作单位</span> <span class="userInfo-value">${data.workUnit }</span>
				</div>
				<div class="userInfo-others">
					<span class="userInfo-key">职业</span> <span class="userInfo-value">${data.profession }</span>
				</div>
				<div class="userInfo-others">
					<span class="userInfo-key">职位</span> <span class="userInfo-value">${data.job }</span>
				</div>
				<div class="userInfo-license clearfix">
					<span class="userInfo-key fl">营业执照</span> <img class="fl"
						src="${data.attachmentUrl }"
						onerror="this.src='${ctx}/images/userInfo-license.jpg'" />
				</div>
				<div class="userInfo-toEdit">
					<span class="userInfo-key"></span>
					<button>点击编辑</button>
				</div>
			</div>
		</div>
		<div id="editContent" class="content fl" style="display: none;">
			<div class="editUserInfo-title">个人资料</div>
			<div class="editUserInfo-details">
				<div class="editUserInfo-headImg clearfix">
					<span class="edit-haveTo fl">*</span> <span
						class="editUserInfo-key fl">头像</span>
					<div class="file_bg">
						<li style="display: none;"
							class="iconfont icon-upload uploadHeadImg"></li> <input
							id="headFile" type="file" class="file_input" name="headFile"
							accept="image/png,image/gif,image/jpg,image/jpeg" />
					</div>
					<img id="headImg" class="fl" src="${data.headImgUrl }"
						onerror="this.src='${ctx}/images/userInfo-headImg.jpg'" />
				</div>
				<div class="editUserInfo-others">
					<span class="edit-haveTo">*</span> <span class="editUserInfo-key">手机号</span>
					<input class="editUserInfo-value" type="text" name="contactPhone"
						placeholder="请输入手机号" value="${data.contactPhone }" />
				</div>
				<div class="editUserInfo-others">
					<span class="edit-haveTo">*</span> <span class="editUserInfo-key">验证码</span>
					<input class="editUserInfo-value value-verifite" type="text"
						name="verifice" placeholder="请输入验证码" />
					<button>发送验证码</button>
				</div>
				<div class="editUserInfo-others">
					<span class="edit-haveTo"></span> <span class="editUserInfo-key">电子邮箱</span>
					<input class="editUserInfo-value" type="text" name="email"
						placeholder="请输入电子邮箱" value="${data.email }" />
				</div>
				<div class="editUserInfo-others">
					<span class="edit-haveTo"></span> <span class="editUserInfo-key">工作单位</span>
					<input class="editUserInfo-value" type="text" name="workUnit"
						placeholder="请输入工作单位" value="${data.workUnit }" />
				</div>
				<div class="editUserInfo-others">
					<span class="edit-haveTo"></span> <span class="editUserInfo-key">真实姓名</span>
					<input class="editUserInfo-value" type="text" name="realName"
						placeholder="请输入真实姓名" value="${data.realName }" />
				</div>
				<div class="editUserInfo-others">
					<span class="edit-haveTo"></span> <span class="editUserInfo-key">职业</span>
					<input class="editUserInfo-value" type="text" name="profession"
						placeholder="请输入职业" value="${data.profession }" />
				</div>
				<div class="editUserInfo-others">
					<span class="edit-haveTo"></span> <span class="editUserInfo-key">职位</span>
					<input class="editUserInfo-value" type="text" name="job"
						placeholder="请输入职位" value="${data.job }" />
				</div>
				<div class="editUserInfo-license clearfix">
					<span class="edit-haveTo fl">*</span> <span
						class="editUserInfo-key fl">营业执照</span>
					<li style="" class="iconfont icon-upload uploadLicenseImg"></li> <input
						id="licenseFile" type="file" class="file_input" name="licenseFile"
						accept="image/png,image/gif,image/jpg,image/jpeg" /> <img
						id="licenseImg" class="fl editUserInfo-license-img" alt="营业执照"
						src="${data.attachmentUrl }"
						onerror="this.src='${ctx}/images/userInfo-license.jpg'" /> <img
						class="fl license-ask-img" src="${ctx}/images/license-ask.jpg" />
					<div class="license-ask fl">请上传 2MB 以内大小的有效彩色营业执照，仅做校验，绝不外传。</div>
				</div>
				<div class="editUserInfo-toEdit">
					<span class="edit-haveTo"></span> <span class="editUserInfo-key"></span>
					<button class="edit-cancel">取消</button>
					<button class="edit-save">保存修改</button>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="${ctx}/WEB-INF/pages/common/footer.jsp" />
	<jsp:include page="${ctx}/WEB-INF/pages/common/jsResources.jsp" />
	<script src="${ctx}/js/ajaxfileupload.js"></script>
	<script src="${ctx}/js/userInfo.js"></script>
</body>
</html>